*{padding: 0;margin: 0;}
.container{margin: 0 auto;}
.abroadClass{background: #eee;}
.abroadClass .container .row .abroadZone{margin: 0 auto;background: #fff;padding: 10px;}
.abroadClass .container .row .abroadZone .abroadTitle::after{clear: both;display: block;content: "";height: auto;}
.abroadClass .container .row .abroadZone .abroadTitle{clear:both;padding-bottom: 10px;border-bottom: 1px solid #eee;}
.abroadClass .container .row .abroadZone .abroadTitle span,.abroadClass .container .row .abroadZone .abroadTitle span strong,.abroadClass .container .row .abroadZone .abroadTitle img{display: block;}
.abroadClass .container .row .abroadZone .abroadTitle span{float: left;font-size: 1.8rem;}
.abroadClass .container .row .abroadZone .abroadTitle span strong:nth-of-type(1){font-weight: bold;margin-bottom: 10px;}
.abroadClass .container .row .abroadZone .abroadTitle span strong:nth-of-type(2){font-size: 1.5rem;font-weight: normal;}
.abroadClass .container .row .abroadZone .abroadTitle img{float: right;width: 100px;}
.abroadClass .container .row .abroadZone .abroadDes::after{clear: both;display: block;content: "";height: auto;}
.abroadClass .container .row .abroadZone .abroadDes{clear:both;padding-top: 20px;}
.abroadClass .container .row .abroadZone .abroadDes a{width: 50%;float: left;color: #000;margin-bottom: 5px;}


.abroadList{background: #eee;padding-bottom: 30px;}
.abroadList .container .row .col-md-4,.abroadList .container .row .col-xs-12{padding: 10px;}
.abroadList .container .row .ListZone .ListTitle{background: #333333;padding: 15px;}
.abroadList .container .row .ListZone .ListTitle h4{margin-top: 0;margin-bottom: 5px;color: #fff;font-weight: bold;}
.abroadList .container .row .ListZone .ListTitle p{color: #999999;padding: 15px 0 0 0;}
.abroadList .container .row .ListZone .ListSpace{background: #fff;padding: 15px;}
.abroadList .container .row .ListZone .ListSpace h3{margin-top: 0;color: #f60;}
.abroadList .container .row .ListZone .ListSpace h4{color: #f60;}
.abroadList .container .row .ListZone .ListSpace span{width: 80px;height: 2px;background: #f60;display: block;}
.abroadList .container .row .ListZone .ListSpace dl{margin-top: 20px;margin-bottom: 10px;}
.abroadList .container .row .ListZone .ListSpace dl dt{font-size: 1.5rem;font-weight: normal;margin-bottom: 20px;}
.abroadList .container .row .ListZone .ListSpace dl dd{font-size: 1.5rem;color: #999;line-height: 150%;}
.abroadList .container .row .ListZone .ListSpace strong{display: block;font-size: 1.5rem;color: #999;padding: 3px;border: 1px solid #999;font-weight: normal;width:55%;text-align: center;}
.abroadList .container .row .ListZone .ListSpace a{display: block;text-align: right;font-size: 1.5rem;text-decoration:underline;color: #074ea6;}



@media screen  and (min-width:768px){
    .abroadClass .container .row .abroadZone{width: 95%;}
    .abroadList .container .row .ListZone .ListSpace dl{height: 107px;}

}



@media screen and (max-width: 768px){
    .abroadClass .container .row .col-xs-12{padding: 0 5px;margin-bottom: 20px;}
    .abroadClass .container .row .abroadZone{width: 95%;}
    .abroadList .container .row .ListZone .ListSpace{margin-bottom: 20px;}
}
